// JavaScript Document
// JavaScript Document
/*
*@description : 工具栏，主要修改一下选中样式
*@date : 2013-10-30
*@version : 2.0
*@author : WangTao
*/

var ToolBar=ToolBar||{};
	
ToolBar = {
	//所有工具图标
	tools : null,
	//工具栏样式
	tbarClass : '.tool-ico',
	//鼠标介入样式
	mouseOverClass : 'tbar-over',
	//选中样式
	chooseClass : 'tbar-choose',
	//鼠标样式列表
	cursors : ['cursor-pencilBtn','cursor-handwritingBtn','cursor-textBtn','cursor-fillBtn','cursor-suckerBtn',
			   'cursor-spurtBtn','cursor-cutBtn','cursor-crosshair','cursor-auto'],
	length : -1,
	//初始化
	init : function(){
		this.tools = $(this.tbarClass);
		this.length = this.tools.length;
		this.addTbarEvents();
		
	},
	//统一添加鼠标移入移出效果
	addTbarEvents : function(){
		for(var i=0,j=this.length;i<j;i++){
			$(this.tools[i]).bind({
				  mouseover: function(e) {
					$(this).hide();
					$(this).addClass(ToolBar.mouseOverClass);
					$(this).fadeIn();
				  },
				  mouseout: function(e) {
					$(this).removeClass(ToolBar.mouseOverClass);
				  },
				  /**
				  *鼠标选中工具样式
				  *正常应该没点击手动设置，不应该整体设置，这样会有bug
				  *当点击吸管时，吸取完之后返回上一个工具,但是现在样式还是选中吸管
				  */
				  mouseup : function(e){
					$(".tool-ico").removeClass(ToolBar.chooseClass);
					$(this).addClass(ToolBar.chooseClass);
					ToolBar.setCursor($(this).get(0).id);
				}
			});
		}
	},
	
	/*设置被点击图标样式，去掉未点击图标样式
	*@param id : 被点击元素id
	*/
	setClickStyle : function(toolid){
		$(ToolBar.tbarClass).removeClass(ToolBar.chooseClass);
		$("#"+toolid).addClass(ToolBar.chooseClass);
	},
	/**
	*设置画布鼠标样式
	*@param id : 被点击元素id
	*/
	setCursor : function(elementId){
		var _cursors = ToolBar.cursors,len = _cursors.length;
		var styleClass = 'cursor-'+elementId;
		var flag = false;
		while(len--){//先把鼠标样式全删除，removeClass(a,b,c)不好使，所以循环删除
			//console.log(_cursors[len]);
			var _c = $.trim(_cursors[len]);
			$("#buff").removeClass(_c);
			if(_c==styleClass)
				flag = true;
		}
		if(flag){//如果在样式列表中，添加
			$("#buff").addClass(styleClass);
		}else if(styleClass=='cursor-lineBtn'||
				 styleClass=='cursor-squareBtn'||
				 styleClass=='cursor-squareFillBtn'||
				 styleClass=='cursor-triangleBtn'||
				 styleClass=='cursor-triangleFillBtn'){//添加十字样式
			
			$("#buff").addClass('cursor-crosshair');
		}else {//默认，不操作
			//$("#buff").addClass('cursor-auto');
		}
		
	}

}  

